page {
    /*  height: 100vh;*/
    background-color: white;
    /*让view离边框具有一点过距离*/
    padding: 16rpx;
    box-sizing: border-box;
    /*属性设置元素是否被视为块或者内联元素以及用于子元素的布局*/
    display: flex;
    flex-direction: column;
    /*从第二个view容器开始进行间隙分割  该处n+1可以变为从第一个开始*/
	//background-image: 'https://xxzhang.oss-cn-hangzhou.aliyuncs.com/gzh/41d3a3b5eef76fc4f3e2e82e33dd334.jpg';
}


.top {
	border-radius: 30rpx;
    position: relative;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;

}
.title {
      display: inline-block;
      width: 440rpx;
      padding: 3rpx;
      color: black;
      font-size: 44rpx;
      line-height: 62rpx;
      position: absolute;
      left: 57%;
	
	  margin-top: 350rpx;
     transform: translate(-30%, -50%);
    }
.loginImg{

	width: 100%;
	border-radius: 30rpx;
}
  
  

 
  .box {
    width: 100%;
    display: flex;
    justify-content: center;
 
    .main {
      position: relative;
      width: 670rpx;
      height: 640rpx;
      background-color: #ffffff;
      box-shadow: 0px 0px 9px 0px rgba(10, 53, 74, 0.19);
      border-radius: 40rpx;
      margin-top: -250rpx;
    }
  }
 
  .box2 {
    width: 100%;
    padding: 39rpx;
    display: flex;
    align-items: center;
 
    view {
      margin-right: 50rpx;
      font-size: 28rpx;
      color: #999999;
      line-height: 40rpx;
      font-weight: 600;
    }
 
    .active {
      font-size: 46rpx;
      font-weight: 600;
      color: #333333;
      line-height: 65rpx;
    }
 
    .line {
      width: 100%;
      height: 6rpx;
      background: linear-gradient(122deg, #2AB1E7 0%, #51B1FF 100%);
      border-radius: 3rpx;
      position: relative;
      left: 0;
      top: 0;
 
      .y {
        width: 30rpx;
        height: 30rpx;
        background: rgba(0, 145, 255, 0.2);
        border-radius: 15rpx;
        position: absolute;
        right: -15rpx;
        top: -15rpx;
        margin-right: 0;
      }
    }
  }
 
  .box3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
 
    .items {
      width: 550rpx;
      height: 92rpx;
      background: #F8F8F8;
      border-radius: 10rpx;
      display: flex;
      align-items: center;
      padding: 0 30rpx;
    }
	
	.items2 {
	  width: 550rpx;
	  height: 92rpx;
	  background: white;
	  border-radius: 10rpx;
	  display: flex;
	  align-items: center;
	  padding: 0 30rpx;
	}
 
    .uni-input-placeholder {
      color: #C7D4DD;
    }
 
    .uni-input {
      flex: 1;
      font-size: 26rpx;
      font-weight: 400;
      color: #333333;
      line-height: 37rpx;
    }
 
    .input2 {
      width: 200rpx;
      flex: none;
    }
 
    .yzm {
      font-size: 22rpx;
      font-weight: 400;
      color: #0087C9;
      line-height: 30rpx;
      padding: 6rpx 25rpx;
      border-left: 1rpx solid #C7D4DD;
    }
  }
 
  .submitValue {
    width: 80rpx;
    height: 32rpx;
    font-size: 40rpx;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32rpx;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -0);
  }
  
.submt1{
border-radius: 50rpx;
background-color: #0087C9;
width: 60%;
height: 100rpx;
margin-top: 30rpx;

}
  
.submt{
	border-radius: 50rpx;
	background-color: #0087C9;
	width: 60%;
	height: 100rpx;
	margin-top: 30rpx;
	
}
